<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/pages/template/modelo.xhtml">
	<ui:define name="titulo">Friendzone</ui:define>
	<ui:define name="cabecalho">
		<div class="win-commandlayout win-ui-dark"
			style="background-color: #424251; height: 50px; float: left; width: 100%;">
			<div class="win-command">
				<h:graphicImage value="/resources/img/friendzone.png" />
			</div>
			<h:form styleClass="win-command"
				style="float:right; margin-top:-16px;">
				<h:commandLink actionListener="#{auth.logout}">
					<button class="win-command">
						<span class="win-commandicon win-commandring  icon-switch-2"></span>
					</button>
				</h:commandLink>
			</h:form>
		</div>
	</ui:define>
	<ui:define name="corpo">
		<h:form>
			<nav id="menu" class="nav">
			<ul>
				<li><a href="#" title=""> <span class="icon"> <i
							aria-hidden="true" class="icon-home"></i></span><span>Home</span>
				</a></li>
				<li><a href="#" title=""><span class="icon"> <i
							aria-hidden="true" class="icon-services"></i></span><span>Services</span></a>
				</li>
				<li><a href="#" title=""><span class="icon"><i
							aria-hidden="true" class="icon-portfolio"></i></span><span>Portfolio</span></a>
				</li>
				<li><a href="#" title=""><span class="icon"><i
							aria-hidden="true" class="icon-blog"></i></span><span>Blog</span></a></li>
				<li><a href="#" title=""><span class="icon"><i
							aria-hidden="true" class="icon-team"></i></span><span>The team</span></a></li>
				<li><a href="#" title=""><span class="icon"><i
							aria-hidden="true" class="icon-contact"></i></span><span>Contact</span></a>
				</li>
			</ul>
			</nav>
		</h:form>
	</ui:define>
</ui:composition>

</html>